home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 3794 / 3794.xpi / chrome / skin / photoupload / overviewpanel.css < prev    next >
Cascading Style Sheet File  |  2009-08-13  |  1KB  |  83 lines
  1. body {
  2.   background-color: white;
  3.   font-family: sans-serif;
  4. }
  5.  
  6. /* If you change the .photobox size, update the
  7.    #overviewPanelContainer.min-width in photoupload.css */
  8. .photobox {
  9.   display: inline-block;
  10.   position: relative;
  11.   width: 200px;
  12.   height: 200px;
  13.   -moz-box-shadow: gray 10px 10px 10px;
  14.   margin: 10px;
  15.   overflow: hidden;
  16.   border: 3px solid #CCCCCC;
  17.   background-color: white;
  18. }
  19.  
  20. .photobox:hover, .photobox[selected=true] {
  21.   -moz-box-shadow: black 10px 10px 10px;
  22.   border-color: black;
  23. }
  24.  
  25. .photobox[selected=true] {
  26.   background-color: #eee;
  27. }
  28.  
  29. .photobox > * {
  30.   position: absolute;
  31. }
  32.  
  33. .photobox > img {
  34.   position: absolute;
  35.   margin: auto;
  36.   top: 0; bottom: 0;
  37.   left: 0; right: 0;
  38.   max-width: 200px;
  39.   max-height: 200px;
  40. }
  41.  
  42. .photobox > .filename {
  43.   font-size: 14px;
  44.   color: #333;
  45.   left: 5px;
  46.   bottom: 5px;
  47.   white-space: pre;
  48. }
  49.  
  50. .photobox > .remove {
  51.   display: none;
  52.   right: 0;
  53.   bottom: 0;
  54.   background-color: black;
  55.   -moz-border-radius: 5px;
  56.   cursor: pointer;
  57.   color: white;
  58.   font-weight: bold;
  59.   font-size: 120%;
  60.   padding: 5px;
  61.   opacity: 0.6;
  62.   transparent: true;
  63. }
  64.  
  65. .photobox:hover > .remove {
  66.   display: block;
  67. }
  68.  
  69. #help-message {
  70.   z-index: -1;
  71.   position: absolute;
  72.   top: 50%;
  73.   text-align: center;
  74.   left: 0;
  75.   right: 0;
  76.   margin-top: -0.5em;
  77.   color: gray;
  78. }
  79.  
  80. #photobox-template {
  81.   display: none;
  82. }
  83.